.nav {
  @apply w-full fixed flex-nowrap left-0 flex px-4 overflow-x-auto;

  &.navHeavy {
    height: 6.25rem;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0) 0%, #141414 100%);
  }

  &.navNormal {
    height: 2.75rem;
    background: #141414;
  }

  top: 3.125rem;
  z-index: var(--content-index);
  scrollbar-width: 0rem;

  &::-webkit-scrollbar {
    @apply w-0 h-0;
  }

  & a {
    @apply block;
  }

  .li {
    @apply shrink-0 text-base flex h-6 items-center cursor-pointer mr-4 font-bold;
    color: rgba(255, 255, 255, 0.6);

    & h1 {
      @apply text-base;
    }

    &.liActive {
      @apply font-bold text-theme;

      & > * {
        @apply font-bold text-theme;
      }
    }
  }
}
